$(function(){

    var vm = new Vue({
        el:'#desktop',
        data:{
            comType:'com2'
        },
        methods:{
            changeTocom1(val){
               this.comType=val;
              
           },
           changeTocom3(val){
            this.comType=val;
           
         }
        },
        components:{
            'com1':{
                template:'#mytemp1',
                methods:{
                    Tocom3(){
                        this.$emit('tocom3','com3')
                        
                    },
                    Tocom4(){
                        this.$emit('tocom3','com4')
                       
                    }
                }
                     },
            'com2':{
                template:'#mytemp2'
            },
            'com3':{
                template:'#mytemp3',
            methods:{
                Tocom1(){
                    
                    this.$emit('tocom','com1')
                   
                }
            }
            },
            'com4':{
                template:'#mytemp4',
                methods:{
                    Tocom4_1(){
                        this.$emit('tocom','com1')
                    }
                }
            }
            
        }
       
    })
    //时间
    function time(){
        var week =['日','一','二','三','四','五','六']
        var myDate = new Date();
        var day= myDate.getDay();         //获取当前星期X(0-6,0代表星期天)
        var d;
       var hour= myDate.getHours();       //获取当前小时数(0-23)
       if(hour>12) {
           hour-=12
           d="下午"
       }
       else if(hour=0) {
           hour=12;
           d="下午"
       }else     d="上午"
        var min= myDate.getMinutes();     //获取当前分钟数(0-59)
        if(min/10==0) min="0"+min;
        $('#time').text("  星期"+week[day]+d+hour+":"+min)
    }
    time()
    setInterval(time,1000)
    // 对话框动画效果
   setTimeout(showSir,1000) 
    function showSir(){
        $('#sirImg').css({
            "opacity": 1,
            
        })
        setTimeout(showM1,2000) 
    }
    function showM1(){
        $('#h1').css({
            "opacity": 1,
            "top": 0 +'%'
        })
        setTimeout(showS1,2000) 
    }
    function showS1(){
   
        $('#h2').css({
            "opacity": 1,
            "top": 40 +'%'
        })
        setTimeout(showM2,2000) 
    }
    function showM2(){
   
        $('#h3').css({
            "opacity": 1,
            "top": 0+'%'
        })
        setTimeout(showS2,2000) 
    }
    function showS2(){
   
        $('#h4').css({
            "opacity": 1,
            "top": 40 +'%'
        })
        setTimeout(changeComType,2000) 
    }
    function changeComType(){
        setTimeout(1000)
        vm.$data.comType='com3'
    }
    var index=0;
    var images=['../images/cgy.JPG ','../images/cxl.JPG ','../images/cl.JPG ','../images/zyt.JPG ','../images/fsz.png ']
    // $('.desktop3').scrollspy({ target: '#myNav' })
    var motto =['不要追求外表，它会骗人；不要追求财富，它会消失；追求一个让你微笑开颜的人吧！因为微笑会让你灰暗的一天豁然开朗、阳光明媚',
 '改变你的心态也就改变了你看世界的角度，而当你改变看问题的角度时，即使遇到世界上最倒霉、最不幸的事，也不会成为世界上最倒霉、最不幸的人。',
 '不能改变别人，就改变自己；不能改变事情，就改变对事情的态度。否则，你就属于与自己过不去的人，就属于不聪明的人。',
 '当人生最惨淡的日子，失败的时候，其实也没有什么。只要你积极主动地转换一下角度，走到失败的另一面去，你就会发现，原来，失败的另一面就是成功！',
 '大部分的人过着相同的生活，大部分的人心态不平衡，因为资源是稀有的，优秀是少数的，可真正实现心安理得，内心安宁的也是少数。不是富人，不是大部分人，而是真正有所求，有所得，有所失的愚公。']
   
 function next(){
    index++;
  if(index==5) index=0
  $('.wheel-img').children().eq(0).fadeOut(500,function(){
     $('.wheel-img').children().eq(0).attr('src',images[index]).fadeIn(500)
     $('.motto').text(motto[index])
  })
}
 
 $('body').on('click','.next',next)
    $('body').on('click','.pre',function(){
        index--;
      if(index==-1) index=4
      $('.wheel-img').children().eq(0).fadeOut(500,function(){
        $('.wheel-img').children().eq(0).attr('src',images[index]).fadeIn(500)
        $('.motto').text(motto[index])
     })
    
 })
  var time = setInterval(next,4000)
  $('body').on('mouseover','.wheel-img',function(){
      clearInterval(time)
  })
  $('body').on('mouseout','.wheel-img',function(){
    time = setInterval(next,4000)
})
$('body').on('mouseover','.member-img',function(){
   
   $(this).find('.member-contact').css('opacity','1')
})
$('body').on('mouseout','.member-img',function(){
    $('.member-contact').css('opacity','0')
})
$('body').on('click','#portfolio li',function(){
    var index = $(this).attr('data-index')
    if(index==1){
        
        $('.portfolio-img').show()
    }
    else if(index==2){
        $('.portfolio-img').each(function(){
            if($(this).attr('data-index')==2)
            $(this).show()
            else $(this).hide()
        })
    }else if(index==3){
        $('.portfolio-img').each(function(){
            if($(this).attr('data-index')==3)
            $(this).show()
            else $(this).hide()
        })
    }else{
        $('.portfolio-img').each(function(){
            if($(this).attr('data-index')==4)
            $(this).show()
            else $(this).hide()
        })
    }
})
$('body').on('click','#myTab li',function(){
    $(this).parent().find('.now').removeClass('now')
    $(this).find('a').addClass('now')
})
$('body').on('click','.portfolio-types li',function(){
    $(this).parent().find('.active').removeClass('active')
    $(this).addClass('active')
})
})